<!doctype html>
<html>
<head>
	<title>Search for Authentic Service Provider for Your Child</title>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

	<meta name="description" content="Search School Properties, the best school in world."/>
	<meta name="keywords" content="school, school properties, colleges, colleges properties"/>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
	<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header-wrap">
	<div class="container">
		<nav class="navbar">
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>                        
		      </button>
		      <a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
		    </div>
		    <div class="collapse navbar-collapse" id="myNavbar">
		      <ul class="row nav navbar-nav navbar-right login">
		      	<!-- Facebook -->
	            <li class="slide-social-hd">
	                <div class="facebook-hd button-hd">
	                    <i class="fa fa-facebook"></i>
	                </div>
	                <div class="slide-hd"><p><i class="fa fa-facebook"></i></p></div>
	            </li>
	            <!-- Twitter -->
	            <li class="slide-social-hd">
	                <div class="twitter-hd button-hd">
	                    <i class="twitter fa fa-twitter"></i>
	                </div>
	                <div class="slide-hd"><p><i class="fa fa-twitter"></i></p></div>
	            </li>
	            <!-- Google+ -->
	            <li class="slide-social-hd">
	                <div class="google-plus-hd button-hd">
	                    <i class="fa fa-google-plus"></i>
	                </div>
	                <div class="slide-hd"><p><i class="fa fa-google-plus"></i></p></div>
	            </li>
		        <li class="dropdown">
		        	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span> Sign up <span class="caret"></span></a>
		        	<ul class="dropdown-menu">
			            <li><a href="parent-sign-up.html">Parent</a></li>
			            <li><a href="sign-up.html">Service provider</a></li>
			          </ul>
		        </li>
		        <li><a> / </a></li>
		        <li><a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-log-in"></span> Log in</a></li>
		        <!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				  <div class="modal-dialog">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				        <h4 class="modal-title" id="myModalLabel">Log in</h4>
				      </div>
				      <div class="modal-body">
				      	<form>
				          <div class="form-group social-badge">
				          	<span class="fb-icon-login"><i class="fa fa-facebook"></i></span>
				          	<a class="fb-login-bg" href="#"> Connect with Facebook</a>
				          </div>
				          <div class="form-group social-badge">
				          	<span class="g-icon-login"><i class="fa fa-google-plus"></i></span>
				          	<a class="g-login-bg" href="#"> Connect with Google+</a>
				          </div>
				          <div class="form-group"><hr><span class="atau">OR</span></div>
				        
						  <div class="form-group">
						    <label for="exampleInputEmail1">Email address</label>
						    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						  </div>
						  <div class="form-group">
						    <label for="exampleInputPassword1">Password</label>
						    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						  </div>
						  <div class="form-group">
						  	<span>Forgot your password? </span><a href="#">Click Here</a>
						  </div>
						  <div class="form-group">
						  	<button type="submit" class="slide-tombol btn btn-default">Sign in</button>
						  </div>
						  <div class="form-group">
						  	<span>Not a member? <a href="#">Sign up now <i class="fa fa-long-arrow-right"></i></a></span>
						  </div>
						  <div class="form-group">
						  	<span>By logging in, you agree to our <a href="#">Term of Use</a>. See our <a href="#">Privacy Policy</a></span>
						  </div>
						</form>
				      </div>
				    </div>
				  </div>
				</div>
				<!-- Modal -->
		      </ul>
		      <div class="menu row">
			      <ul class="nav navbar-nav navbar-right">
			        <li class="active"><a href="#">Home</a></li>
			        <li><a href="#">Services</a></li>
			        <li><a href="#">About Us</a></li>
			        <li class="dropdown">
			          <a class="dropdown-toggle" data-toggle="dropdown" href="#">More <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">Page 1-1</a></li>
			            <li><a href="#">Page 1-2</a></li>
			            <li><a href="#">Page 1-3</a></li>
			          </ul>
			        </li>
			      </ul>
		      </div>
		    </div>
		</nav><!--navbar-->
	</div><!--container-->
</div><!--header-wrapp-->
<div id="parent-signup">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<h2>Quick and easy social  Sign up</h2>
				<form>
					<div class="form-group social-badge">
						<span class="fb-icon-login"><i class="fa fa-facebook"></i></span>
						<a class="fb-login-bg" href="#"> Connect with Facebook</a>
					</div>
					<div class="form-group social-badge">
						<span class="g-icon-login"><i class="fa fa-google-plus"></i></span>
						<a class="g-login-bg" href="#"> Connect with Google+</a>
					</div>
					<div class="form-group signup starburst">
						<img src="img/starburst.png" />
					</div>
					<div class="form-group signup">
						 <span>Service Provider? <a href="#">Sign up here <i class="fa fa-long-arrow-right"></i></a></span>
					</div>
					<div class="form-group signup">
						<span>Already have an account? <a href="#">Click here</a>.</span>
					</div>
				</form>
			</div>

			<div class="col-md-6">
				<form>
					<div class="form-group signup">
						<label for="firstName"></label>
						<input type="text" class="form-control" id="firstName" placeholder="First Name">
					</div>
					<div class="form-group signup">
						<label for="lastName"></label>
						<input type="text" class="form-control" id="lastName" placeholder="Last Name">
					</div>
					<div class="form-group signup">
						<label for="phone"></label>
						<input type="number" class="form-control" id="phone" placeholder="Phone no">
					</div>
					<div class="form-group signup">
						<label for="city"></label>
						<input type="text" class="form-control" id="city" placeholder="City">
					</div>
					<div class="form-group signup">
						<label for="state"></label>
						<input type="text" class="form-control" id="state" placeholder="State">
					</div>
					<div class="form-group signup">
						<label for="email"></label>
						<input type="email" class="form-control" id="email" placeholder="Email address">
					</div>
					<div class="form-group signup">
						<label for="password"></label>
						<input type="password" class="form-control" id="password" placeholder="Password">
					</div>
					<div class="checkbox">
					  <label>
					    <input type="checkbox" id="checkbox" value="option1" aria-label="...">
					    I agree to the <a href="#">Terms of Use</a>. For details on collection and use of your information, see our <a href="#">Privacy Policy</a>.
					  </label>
					</div>
					<div class="form-group signup">
						<button type="submit" class="slide-tombol btn btn-default">Join now</button>
					</div>
				</form>
			</div>
		</div><!--row-->
	</div><!--container-->
</div><!--parent-signup-->
<div id="sociallink-wrapper">
	<div class="container">
		<div class="row">
			<div id="sociallink">
				<strong>Follow Us On: </strong>
				<a href="#facebook" title="facebook" class="social facebook"><span></span></a>
				<a href="#twitter" title="twitter" class="social twitter"><span></span></a>
				<a href="#linkedin" title="LinkedIn" class="social LinkedIn"><span></span></a>
				<a href="#googleplus" title="gplus" class="social gplus"><span></span></a>
			</div>
		</div><!--row-->
	</div><!--container-->
</div>

<div id="footer-wrapper">
	<div id="footer" class="container">
		<div id="footerlink" class="row">
			<ul>
				<li><a href="#customer-care">Customer Care</a></li>
				<li><a href="#term">Terms & Conditions</a></li>
				<li><a href="#privacy">Privacy Policy</a></li>
				<li><a href="#sitemap">Sitemap</a></li>
				<li><a href="#about">About Us</a></li>
				<li><a href="#testimonial">Testimonial</a></li>
				<li><a href="#faq">FAQ</a></li>
				<li><a href="#contact">Contact</a></li>
				<div class="clear"></div>
			</ul>
		</div><!--row-->
		<div class="row">
			<div class="slide-content copyright">
				<a href="#">
					<div class="slide-details">
						<span class="slide-judul"><small>Disclimer</small></span>
						<p>Times Business Solutions - A division of Times Internet Limited is only an intermediary offering its platform to facilitate the transactions between Seller and Customer/Buyer/Users and is not and cannot be a party to or control in any manner any transactions between the Seller and the Customer/Buyer/Users...

						</p>
						<div class="tengah"><button>See Details </button></div>
						<span class="jarak-bawah"></span>
					</div>
				</a>
			</div>
			<div class="slide-content copyright">
				<a href="#">
					<div class="slide-details">
						<span class="slide-judul"><small>Policy</small></span>
						<p>All required information is service dependent and TIL may use the above said User information to, maintain, protect, and improve its services (including advertising services) and for developing new services...

						</p>
						<div class="tengah"><button>See Details </button></div>
						<span class="jarak-bawah"></span>
					</div>
				</a>
			</div>
			<div class="slide-content copyright">
				<a href="#">
					<div class="slide-details">
						<span class="slide-judul"><small>Copyright</small></span>
						<p>All Rights Reserved. &copy; Copyright 2015 LO<strong class="red">GOS.com</strong>.</p>
						<div class="tengah"><button>See Details </button></div>
						<span class="jarak-bawah"></span>
					</div>
				</a>
			</div>
			<div class="slide-content copyright akhir">
				<a href="#">
					<div class="slide-details">
						<span class="slide-judul"><small>Unit Name</small></span>
						
						<div class="tengah"><button>See Details </button></div>
						<span class="jarak-bawah"></span>
					</div>
				</a>
			</div>
		</div><!--row-->
	</div><!--footer container-->
</div><!--footer-wrapper-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.webticker.min.js"></script>
<script type="text/javascript" src="js/jsku.js"></script>
</body>
</html>